<template>
	<div class="c-head">
		<div class="c-logo">
			<img src="../../assets/img/logo.png" alt="">
		</div>
		<ul class="c-nav">

				<li>
					首页
				</li>

			<li>
				关于我们
			</li>
			<li>
				艺术教育
			</li>
			<li>
				课程体系
			</li>
			<li>
				艺术活动
			</li>
			<li>
				作品展示
			</li>
			<li>
				论坛
			</li>
			<li>
				免费试学
			</li>
			<li class = ' logon'>
				登录/注册
			</li>
		</ul>
	</div>
</template>
	
	


<style lang="scss" scoped>
	.c-head{
		font-size: 17px;
		width:1200px;
		height: 60px;
		// background: #666;
		padding: 0 0 ;
		display: flex;
		margin: 0 auto;
		.c-logo{
			img{
				width: 172px;
				height: 61px;
				padding-top: 33px ;
			}
		}
		.c-nav{
			padding-top:45px;
			padding-left: 176px;
			li{
				float: left;
				margin-right: 24px;
				list-style: none;
				color: #E02C5F;
				text-decoration: none;
			}
			.logon{
			font-size: 12px;
			padding-top: 6px;

		}
		}
	}
</style>